//
//  WBVisitorView.swift
//  仿新浪微博
//
//  Created by 陈强 on 17/4/21.
//  Copyright © 2017年 强. All rights reserved.
//

import UIKit

///  访客视图
class WBVisitorView: UIView {

    /// 访客视图的信息字典[imageName/message]
    /// 如果是首页 imageName==“”
    var visitorInfo : [String:String]? {
        didSet{
            //1.取字典信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"]
                else {
                    return
            }
            //2.设置消息
            tipLabel.text = message
            //2.设置图像
            if imageName == "" {
                startAnimation()
                return
            }
            
            iconView.image = UIImage(named: imageName)
            
            //其他控制器视图不需要显示小房子
            houseIconView.isHidden = true
            //不需要遮罩视图
            maskIconView.isHidden = true
        }
    }
    
    
    //MARK:-构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    //旋转图标动画
    func startAnimation() {
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        anim.toValue = 2*M_PI
        anim.duration = 15
        anim.repeatCount = MAXFLOAT
        //动画完成不删除  连续动画必加
        anim.isRemovedOnCompletion = false
        iconView.layer.add(anim, forKey: nil)
    }

//    //设置访客视图信息
//    /// 使用字典设置访客视图的信息
//    ///
//    /// - Parameter dict: [imageName/message]
//    ///提示：如果是首页 imageName==“”
//    func setupInfo(dict:[String:String]){
//
//    }
    
    // MARK: - 私有控件
    //懒加载属性只有调用 UIKit控件的指定构造函数，其他都需要使用类型
    //图像视图
    lazy var iconView : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_smallicon"))
    
    //遮罩视图 使用maskView重名
    lazy var maskIconView : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_mask_smallicon"))
    
    //小房子
    lazy var houseIconView : UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))

    //提示标签
    lazy var tipLabel : UILabel = UILabel.cz_label(withText: "懒加载属性只有调用 UIKit控件的指定构造函数，其他都需要使用类型",
                                                           fontSize: 14,
                                                           color: UIColor.darkGray)

    //注册按钮
    lazy var registButton : UIButton = UIButton.cz_textButton("注册",
                                                                      fontSize: 16,
                                                                      normalColor: UIColor.orange,
                                                                      highlightedColor: UIColor.black,
                                                                      backgroundImageName: "common_button_white_disable")

    //登录按钮
    lazy var loginButton : UIButton = UIButton.cz_textButton("登录",
                                                                      fontSize: 16,
                                                                      normalColor: UIColor.darkGray,
                                                                      highlightedColor: UIColor.black,
                                                                      backgroundImageName: "common_button_white_disable")
}

extension WBVisitorView{
    func setupUI() {
        //能使用颜色尽量不使用图像  颜色效率高
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        //添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registButton)
        addSubview(loginButton)
        
        //文本居中
        tipLabel.textAlignment = .center
        
        //2.取消autoresizing
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        //3.自动布局
        //Create constraints explicitly.  Constraints are of the form "view1.attr1 = view2.attr2 * multiplier + constant"
        //图像视图
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -60))
        //小房子
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))
        //提示标签
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: 20))
//        NSLayoutAttribute.notAnAttribute 提示  236 对其常数  魔法数字
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 236))
        
        //注册按钮
        addConstraint(NSLayoutConstraint(item: registButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: registButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: 20))
        //        NSLayoutAttribute.notAnAttribute 提示  236 对其常数  魔法数字
        addConstraint(NSLayoutConstraint(item: registButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        //登录按钮
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: 20))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        
        //遮罩图像 - VFL
        // views:定义VFL中的控件名称和实际名称映射关系 --- 待解决bug
//        let viewDict = ["maskIconView":maskIconView,"tipLabel":tipLabel] as [String : Any]
//        
//        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",
//                                                      options: [],
//                                                      metrics: nil,
//                                                      views: viewDict))
//        
//        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-0-[tipLabel]-0-|",
//                                                      options: [],
//                                                      metrics: nil,
//                                                      views: viewDict))

        //遮罩图像
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -60))
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: UIScreen.main.bounds.width))
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .bottom,
                                         relatedBy: .equal,
                                         toItem: loginButton,
                                         attribute: .top,
                                         multiplier: 1.0,
                                         constant: -20))

    }
}
